import React from "react";
import './css/address.css'
import { LeftOutline, DeleteOutline } from 'antd-mobile-icons'
import { useNavigate, Outlet } from 'react-router-dom'
import { Tabs, Card, } from 'antd-mobile'


const address = () => {
    let navigate = useNavigate()
    return (
        <>
            <div className="address_div">
                <div className="address_top_div">
                    <div >
                        <LeftOutline onClick={() => navigate(-1)} fontSize={20} className="address_left_icon" />
                        <p>我的地址</p>
                    </div>
                </div>
                <div className="address_content_div">
                    <div className="address_content_div_one">
                        <div className="address_div_all">
                            <div className="address_big_div">
                                <div className="address_radio_div">
                                    <input type="radio" style={{ width: '2.5rem', height: '2.5rem' }} />
                                
                                </div>
                                <div className="address_big_div2">
                                    <p>河北省石家庄市高新区100号大厦100层 </p>
                                    <span>
                                        朱先生
                                    </span>
                                    <span>158****1745</span>
                                </div>
                            </div>
                            <div className="address_del_icon_div">
                                <DeleteOutline fontSize={16} />
                            </div>
                        </div>

                    </div>
                    <div className="address_div_btn_div">
                        <button onClick={() => navigate('/addAddress')}>添加新地址</button>
                    </div>
                </div>
            </div>
        </>
    )
}
export default address